$(document).ready(function(){
    // 定义正在显示的元素的下标
    var index=0;
    $(".next").click(function(){
        index++;
        if(index>4){index=0;}  
        animate(index);      
      
    })
    $(".prev").click(function(){
        index--;
        if(index<0){
            index=4;
        }
        animate(index);
       
})
$(".roll-point>span").click(function(){
    index=$(this).index(); 
    $(this).addClass("active").siblings().removeClass("active")
    $(".pics>img").eq(index).show().siblings().hide()


})
function animate(index){
    console.log(index)
    $(".pics>img").eq(index).show().siblings().hide()
    $(".roll-point>span").eq(index).addClass("active").siblings().removeClass("active");
}

})
